﻿

/* === PAGE LAYOUT   ==========================================================*/
html,body { color: #999; font-family:  Arial, sans-serif; font-size: .85em; height: 100%; }
body { background: #ff9f3a url('../images/page-bg.png') repeat-x; }
html, body {border: none; }
iframe {border: none;}
/* PAGE DIVISION */
#container { margin: 0 auto; width:980px;}



/* HEADER AREA*/
#header { background: url('../images/page-banner.png') no-repeat left top; width: 960px; height: 113px; margin: 0; position:relative}
#header a{color:#fff}
#userinfo { float: right; font-weight: 700; height: 50px; line-height:50px; margin: 0px; vertical-align: middle; color:#fff }
#logo {float:left; height:70px; }
#logo h1 { visibility: hidden; }


/* PRIMARY NAVIGATION */
#primarynav { clear: both; font-size: 1.35em; font-weight: 700; width: auto; bottom:0; left:0; position:absolute}
#primarynav ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
#primarynav ul li { float: left;  width: 163px; height: 32px; margin-right:1px; position: relative;}
#primarynav ul li a span {}
#primarynav ul li a {width: 163px; height: 32px; line-height:32px; color: #5f5f5f; display: block; text-align: center; text-decoration: none;  }
#primarynav ul li a:hover, #primarynav ul li a.current {color:#fff}

#primarynav ul li#category a {background: url('../images/primarynavigation.png') 0px 0px;}
#primarynav ul li#news a{ background: url('../images/primarynavigation.png') 0px 0px;}
#primarynav ul li#poll a{ background: url('../images/primarynavigation.png') 0px 0px;}

#primarynav ul li#category a:hover,#primarynav ul li#category a.current {background: url('../images/primarynavigation.png') 0px 32px;}
#primarynav ul li#news a:hover, #primarynav ul li#news a.current{ background: url('../images/primarynavigation.png') 0px 32px;}
#primarynav ul li#poll a:hover, #primarynav ul li#poll a.current{ background: url('../images/primarynavigation.png') 0px 32px;}




/* BREADCRUMB */
.breadcrumb {padding:5px 0 10px 0; font-size:0.95em; display:block}


/* MAIN CONTENT */
#maincontent { margin: 0 auto; padding: 0; clear:both }
#contents {font-size:1em; overflow:auto; position:relative}
.fstColumn {; }
.sidebar {width:240px; float:right; font-size:1em; margin:0 0px 0 0 }
.actionmenu li {font-size:1.1em; font-weight:normal; padding:5px; list-style:none}

.listmenu {background:#eee url('../images/actionbar.gif') repeat-x; height:28px;}
.listmenu ul {margin:0; padding:0 10px;list-style:none;}
.listmenu li {float:left; list-style:none; margin:5px 15px 0 0}


#contents .pagetitle {background:url('../images/box-header.png') no-repeat; height:56px;  margin:0; padding:5px 0 0 30px;}
#contents .pagecontent {padding:10px 27px ; overflow:auto; height:1%;}
#contents h1, #contents h2 {font-family:Georgia; font-size:1.6em;font-weight:bold; }

#contents h1 {color:#333; font-size:2em;  font-style:italic}
#contents h2, #content h3 {color:#666; font-style:italic; }

#contents .subtitle {font-size:1em; float:left; line-height:35px; margin:0 10px}
#contents .subtitle a {font-weight:bold;}
#contents .subtitle strong {font-weight:bold; text-transform:uppercase}

#contents .sublink {width:550px; text-align:right;position:absolute; top:45px; right:25px;}
#contents .pagelink{}
#contents .pagelink {height:30px; line-height:25px; float:right}
#contents .pagelink a{line-height:25px; margin-top:10px; width:auto}
#contents .pagelink img.icon {padding: 0 5px; float:left }

#contents a.iconlink {padding:0 0 0 20px; width:16px; height:34px; margin:0; font-weight:bold;margin-left:20px; }


/*Tab Navigation*/

.tablist {background:url('../images/tab-bg.png') repeat-x left bottom; font-size:1.2em;}
.tablist ul {margin:0; padding:0;}
.tablist ul li {float:left; width:120px; height:27px; list-style:none; margin:0; padding:0; line-height:27px; text-align:center; background-image:url('../images/tab-normal.png'); margin-right:3px; }
.tablist ul li.active { background-image:url('../images/tab-active.png'); color:#fff}
.tablist a:visited,.tablist a:active,.tablist a:link {text-decoration:none; color:#666}

.simpleform { text-align:left; width:auto;  }
.simpleform {padding:0 10px; overflow:hidden; }
.simpleform .formgroup{text-align:left;}
.submenu {background:url('../images/dialog/dialog-header.gif') repeat-x; height:31px; border-left:1px #d6d6d6 solid; border-right:1px #d6d6d6 solid}
/*.group-header { margin:5px 0;}
.group-header span{color:#666; font-family:Georgia; font-size:1.6em; font-weight:bold; font-style:italic}*/
.group-header h3 {text-transform:capitalize; }

.group-body {background:url('../images/dialog/dialog-bodybg.gif') repeat-x; border:1px #e6e6e6 solid; /*border-top:1px #ccc solid; */padding:0; width:auto; margin-bottom:5px}


/*Header with images*/
.group-header {background:url('../images/dialog/dialog-header-left.gif') no-repeat top left; width:auto;  height:28px;  position:relative;color:#333; font-weight:bold; text-transform:uppercase; border-bottom:1px #eee solid}
.group-header span{	background:url('../images/dialog/dialog-header-right.gif') no-repeat top right; height:28px; font-size:1.2em; font-weight:bold;text-transform:uppercase; text-align:left; line-height:30px;position:absolute; right:0; top:0;width:100%; text-indent:10px;}


.scanimage { text-align:center}
.scanimage ul {overflow:auto; margin:10px auto; text-align:center}
.scanimage ul li {margin-right:3px; font-size:1.5em;
	float:left; font-weight:bold; list-style:none; background:url('../images/icon-circle.png') no-repeat; width:34px; height:34px; text-align:center; line-height:34px;
}
.scanimage ul li a {text-decoration:none}
.simpleform dl {margin:2px 0px; overflow:auto;color:#333; font-size:1.1em;}
.simpleform dl dt {width:140px; margin:0 10px 0 0; float:left; text-align:right; color:#666; padding-right:5px }
.simpleform dl dt label {float:right; line-height:25px;}
.simpleform dl dd {float:left; line-height:25px }

.simpleform.view {margin:10px;overflow:hidden}
.simpleform.view dl dt {float:left; width:180px; line-height:22px; padding-right:5px;}
.simpleform.view dl dd {float:left; line-height:22px;}
.inputtext.smallsize {width:85px;}
.inputtext.mediumsize {width:150px;}

.simpleform.update {margin:10px 0;}
.simpleform.update dl {margin-bottom:10px; width:880px;}
.simpleform.update dl dt {text-align:right; line-height:20px; width:160px;}
.simpleform.update dl dd {float:left; width:660px;}
.simpleform span.inlinetext {line-height:20px; margin-right:10px; float:left; display:inline-block}

.simpleform.search dl{
	width:450px;
}
.simpleform.search input[type=text],.simpleform.search textarea  {width:230px}
.simpleform.search .inputtext.mediumsize {width:150px;}
.simpleform.search .inputtext.smallsize {width:80px;}
.simpleform.search select{width:230px;border:1px #ddd solid;}

.simpleform.update input[type=text],.simpleform.update  textarea {width:290px}
.simpleform.update  select {width:300px}
.simpleform.update .inputtext.mediumsize {width:130px;}
.simpleform.update .inputtext.smallsize {width:80px;}
select {line-height:25px;}



/*
.simpleform.detail { background:#f2f2f2;border:1px #ccc solid; padding:5px; margin:0}
.simpleform.detail dl { background:#fff;}
.simpleform.detail dl dt {float:left; width:200px; line-height:25px; padding:0 10px;/*border:1px #ddd solid; background:#f2f2f2*/}
/*
.simpleform.detail dl label {}
.simpleform.detail dl dd {float:left; line-height:25px;}
*/


.actionbar {
	padding:0; margin:0; clear:both; 
	
}

.pributton {}
.pributton input{color:#6e1500;border:0; cursor:pointer;font-size:1em; line-height:22px; font-weight:bold;}
.pributton.left {background :url('../images/form/button-primary-left.gif') no-repeat left top; width:7px; height:33px; display:block;}
.pributton .rightbutton{background :url('../images/form/button-primary-right.gif') no-repeat right top; height:33px; line-height:23px; margin-left:7px; padding: 0 17px 5px 10px; border:0;}

.sedbutton{color:#666;border:0; cursor:pointer;}
.sedbutton.left {background :url('../images/form/button-secondary-left.gif') no-repeat left top; width:7px; height:33px; display:block}
.sedbutton .rightbutton{background :url('../images/form/button-secondary-right.gif') no-repeat right top; height:33px; line-height:23px; margin-left:7px;padding: 0 17px 5px 10px; border:0;}

.textlink {position:absolute;font-weight:bold; right:0px; top:12px ;font-size:0.95em; padding:0 5px; display:inline-block; cursor:pointer; text-align:right}
.textlink {font-weight:bold; line-height:24px; font-size:0.95em; padding:0 5px; display:inline-block}

.fstcol {float:left; width:450px}
.seccol {float:right; width:450px;}

/*ADVANCED SEARCH LINK-ICON*/
.arrowexpand{padding-left:20px;background: url(../images/icon-expand.gif) no-repeat 0 2px;}
.arrowexpand:hover{padding-left:20px; cursor:hand;}
.arrowclose {padding-left:20px;background: url(../images/icon-collapse.gif) no-repeat 0 2px;}
.arrowclose:hover{cursor:hand;}



/*Questionaire*/
.completeresponse {clear:both;}
#questionaire {font-size:1em;margin:0px 0  0 0px; float:left; color:#666;  clear:both;width:850px;
	border:1px #ccc solid; padding:10px 20px;
}
#question {
	overflow:auto; height:400px; border:1px #f3f3f3 solid
}
#questionaire ol {margin:0px 0 0 20px; padding:10px; }
#questionaire ol li{clear:both; margin-bottom:5px; border-left:2px #ccc solid}

/*ol#questionaire li h3.question {font-size:1.2em; font-weight:normal; line-height:22px; color:#007fe0; font-weight:bold}*/
#questionaire ol li h3.question { font-family:Arial; color:#0090FF; font-size:1.1em; font-weight:bold; background:#f9f9f9; padding:5px 15px;margin :5px 0 0 0; line-height:18px;}
#questionaire ol li h3.question.highlight {background:#ffedd9;}
#questionaire ol li h3.question:hover{background:#eee; }
#questionaire ol li ul {padding:5px 0 20px 20px;clear:both; }
#questionaire ol li ul li {list-style:none; clear:both; /*font-size:1.05em; color:#333; font-weight:normal; */margin-bottom:5px; }
#questionaire ol li ul li label {float:left; line-height:16px; text-align:left}
#questionaire ol li ul li input {float:left; margin:0 15px;}

.actionmenu ul {margin:10px; padding:0; font-weight:normal}

/* GRID */
.searchresult {clear:both; width:auto}
.searchresult h4{margin:10px 0; padding:0}
table.grid { border-collapse: collapse; font-size: 1em; border:1px #f4f4f4 solid ; margin:5px 0 10px 0}
table.grid caption { display: none; }
table.grid td {padding: 1px 10px; }
table.grid thead tr th { background: url('../images/grid/grid-header.png') repeat-x; height:25px; padding: 0px 10px; color:#ff6600; font-size:1.em;}
table.grid tbody tr td { border: 0px solid #fff; color: #444;}

.subtext {
	font-size:0.95em; font-style:italic; color:#666
}
table.grid tbody tr {height:30px; }
table.grid tbody tr.odd td { background:url('../images/grid/grid-row-alt.gif') repeat-x }
table.grid tbody tr.even td { background: #f0f0f0; }

a.mainitem {font-weight:bold;padding:0 0 0 30px; margin-left:0px; background:url('../images/icon-folder.png') no-repeat; height:25px; line-height:25px; display:inline-block}
a.mainitem.checked {background:url('../images/icon-folder_accept.png') no-repeat;}


/*	Icons */
a.view {background:url('../images/icon-update.png') no-repeat; padding-left:22px; display:block}
a.updateprofile {background:url('../images/icon-updateprofile.png') no-repeat; padding-left:22px; display:block}
a.viewreport {background:url('../images/icon-report.png') no-repeat; padding-left:22px; display:block}
a.delete {background:url('../images/icon-delete.png') no-repeat; padding-left:22px; line-height:20px;}

/*Batch List Links*/
a.createformreject {background:url('../images/icon-update.png') no-repeat; padding-left:22px;line-height:20px;}
a.deletebatch {background:url('../images/icon-delete.png') no-repeat; padding-left:22px; line-height:20px;}
a.markasdispatched {background:url('../images/icon-updateprofile.png') no-repeat; padding-left:22px; line-height:20px;}
a.printbatch{background:url('../images/icon-edit.png') no-repeat; padding-left:22px;line-height:20px;}

/*Bacth Detail Links*/
a.printreport{background:url('../images/icon-update.png') no-repeat; padding-left:22px;line-height:20px; display:inline-block}
a.printrecreport {background:url('../images/icon-update.png') no-repeat; padding-left:22px; line-height:20px;}
a.printcoverletter {background:url('../images/icon-update.png') no-repeat;  padding-left:22px; line-height:20px; display:inline-block}

/* CENTER BOX  -	a big center rounded box */

.boxcontent {width: 980px; }
.boxcontent .box-top ()
.boxcontent .box-top {background-position: left top; }
.boxcontent .box-middle {background: url('../images/box-middle.png') repeat-y center bottom;  }
.boxcontent .box-middle .footerlink{ }
.boxcontent .box-bottom {background: url('../images/box-bottom.png') no-repeat center bottom; width:980px; height:35px; margin:0; padding:0;  }


----------------------------------------------------------------------------------------------------*/

/* FOOTER */
#footer{}
.pagefooter {clear:both;background:url('../images/page-footer.png') no-repeat top center; width:980px; height:76px;}
#footer .copyright {color: #333; padding: 20px; text-align:center}
#footer .copyright strong { color: #000; }



/*----------------------------------------------------------------------------------------------------*/

/*Popup window Format*/
#container.popup {width:auto; margin:0 auto;}
#container.popup #header { width:auto; height: 80px; padding-right:10px;}

#container.popup .pagecontent {padding:15px; overflow:auto}
#container.popup .pagetitle {background:#eee; text-align:center; font-size:1.6em }
#container.popup .boxcontent {width:auto }
#container.popup .box-middle{border: 1px #AFAFAF solid; background:#fff}
#container.popup .boxcontent .box-bottom {display:none}

#container.popup .pagefooter {clear:both;background:url('../images/page-footersquare.png') repeat-x -10px 0; width:auto; height:76px;}

#container.popup .reportinfo {line-height:25px; width:auto; border:1px #ccc solid; margin-bottom:10px; color:#666}
#container.popup .reportinfo p { border-bottom:1px #f4f4f4 solid; padding:0 10px;}
#container.popup .reportinfo .value {font-weight:bold; display:inline-block; color:#333	}

.toolbarfloatright {float: right; margin-top: 15px; margin-right: 7px;}

